// Documentation
//
// Style guide: app.molecules.documentation$
.documentation {
    margin: em(10) 0;
    @include media($breakpoint-xs) {
        @include span-columns(2);
    }
    @include media($breakpoint-s) {
        @include span-columns(4);
    }
    @include media($breakpoint-m) {
        @include span-columns(12);
    }
    @include media($breakpoint-l) {
        @include span-columns(12);
    }
    @include media($breakpoint-xl) {
        @include span-columns(2);
    }
    @include media($breakpoint-xxl) {
        @include span-columns(8);
        @include shift(4);
    }
    text-align: center;
}